<%-- 
    Document   : signup
    Created on : Feb 26, 2015, 11:30:38 PM
    Author     : quanhungbang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Sign up for shared</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
        <link rel="stylesheet" href="css/styles.css"/>
    </head>
    <body style="background: #c1bdba">
        <div id="main">
            <div id="signup">
                <h1>Sign Up</h1>
                <h3>Sign Up For Free</h3>
                <form id="form1" action="SignUpServlet" method="POST">
                    <div class="field-wrap">
                        <input type="text" autocomplete="on" placeholder="Full Name" name="fullname" required="required"/>
                    </div>
                    <div class="field-wrap">
                        <input type="text" autocomplete="on" placeholder="Email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required="required"/>
                    </div>
                    <div class="field-wrap">
                        <input id="password" name="password" autocomplete="off" placeholder="Password" type="password" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"/>
                    </div>
                    <div class="field-wrap">
                        <input id="password_again" name="password_again" autocomplete="off" placeholder="Re-enter Password" type="password"/>

                    </div>
                    <div class="button">
                        <input type="submit" name='action' value="sign up"/>
                    </div>

                </form>
                <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
                <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
                <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
                <script>
                    // just for the demos, avoids form submit
                   
                </script>
            </div><!--end div#signup-->
        </div><!-- end div#main-->
    </body>
</html>
